{extend name="base" /}
{block name="content"}


<!-- ========================== --> 
<!-- HOME - HEADER --> 
<!-- ========================== -->
<section class="top-header home-header with-bottom-effect transparent-effect dark">
	<div class="bottom-effect"></div>
	<div class="header-container">
		<div class="wrap-section-slider" id="topSlider">
			<div class="sp-slides">
				<div class="slide-item sp-slide">
					<div class="slide-image-1"></div>
					<div class="slide-content">
						<div class="title sp-layer" data-show-transition="right" data-hide-transition="up" data-show-delay="500" data-hide-delay="150">聚集专业智慧与互联网多行业的</div>
						<div class="title sp-layer" data-show-transition="right" data-hide-transition="up" data-show-delay="500" data-hide-delay="150">企业服务平台</div>
						<div class="under-title sp-layer" data-show-transition="up" data-hide-transition="up" data-show-delay="600" data-hide-delay="200">广告主与流量主的集结地 / 免费的优质广告渠道资源 / 全网强大会员工具箱</div>
						<div class="controls sp-layer" data-show-transition="up" data-hide-transition="up" data-show-delay="800" data-hide-delay="250"> 
							<a href="http://www.tuiya.vip/" target="_blank" class="btn btn-primary">进入推鸭平台</a> 
							<a href="http://www.tuiya.vip/adv/index/index" target="_blank" class="btn btn-primary">广告素材市场</a>
						</div>
					</div>
				</div>
				<div class="slide-item sp-slide">
					<div class="slide-image-2"></div>
					<div class="slide-content">
						<div class="title sp-layer" data-show-transition="left" data-hide-transition="up" data-show-delay="500" data-hide-delay="150">十多年项目开发经验，多套解决方案</div>
						<div class="title sp-layer" data-show-transition="left" data-hide-transition="up" data-show-delay="500" data-hide-delay="150">推动中小企业成长</div>
						<div class="under-title sp-layer" data-show-transition="up" data-hide-transition="up" data-show-delay="600" data-hide-delay="200">选唯创意 / 使命必达</div>
						<div class="controls sp-layer" data-show-transition="up" data-hide-transition="up" data-show-delay="800" data-hide-delay="250"> <a href="/index/contacts/" class="btn btn-info">联系我们</a> </div>
					</div>
				</div>
				<div class="slide-item sp-slide">
					<div class="slide-image-3"></div>
					<div class="slide-content">
						<div class="title sp-layer" data-show-transition="left" data-hide-transition="up" data-show-delay="500" data-hide-delay="150">专业设计师团队，提供优质服务</div>
						<div class="title sp-layer" data-show-transition="left" data-hide-transition="up" data-show-delay="500" data-hide-delay="150">创新驱动，互利共赢</div>
						<div class="under-title sp-layer" data-show-transition="up" data-hide-transition="up" data-show-delay="600" data-hide-delay="200">多套设计方案 / 人性化设计、高互动</div>
						<div class="controls sp-layer" data-show-transition="up" data-hide-transition="up" data-show-delay="800" data-hide-delay="250">  <a href="/index/contacts/" class="btn btn-info">联系我们</a> </div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--./container--> 
</section>

<!-- ========================== --> 
<!-- HOME - AREAS OF EXPERTISE--> 
<!-- ========================== -->
<section class="about-section with-icon with-top-effect offers-section">
	<div class="container">
		<div class="row">
			<div class="col-md-7 col-sm-7 text-left mb20px">
				<div class="clearfix">
					<h4>广州唯创意网络科技有限公司</h4>
				</div>
				<h5>广州唯创意网络科技有限公司(简称：唯创意）是一家以互联网平台运营、软件开发、大数据分析、移动互联网通讯技术开发、网络信息技术推广服务、软件技术推广服务等为核心的科技公司。<p></p>我公司主要以技术研发创新为主导，把握互联网行业的需求，利用互联网核心技术为客户提供稳定、可靠、功能优异的解决方案。 我们秉承“为合作伙伴创造价值”的核心价值观，并以“诚实、宽容、创新、服务”为企业精神，通过自主创新和真诚合作为互联网及信息服务行业创造价值。</h5>
				<!-- <a href="##" class="btn btn-default mt20px">查看更多唯创意介绍</a> -->
				</div>
			<div class="col-md-2"></div>
			<div class="col-md-3 col-sm-5 pic_about"> <img src="/static/index/picture/pic_about.png" alt="" class="img-responsive"/> </div>
		</div>
	</div>
</section>

<!-- ========================== --> 
<!-- HOME - SERVICES  --> 
<!-- ========================== -->
<section class="services-section wow fadeInUp">
	<div class="container">
		<div class="row">
			<div class="col-md-4 col-sm-4 col-xs-6">
				<div class="service-item"> <a href="javascript:;">
					<div class="media-left">
						<div class="wrap-service-icon">
							<div class="service-icon"> <span class="icon fa fa-internet-explorer"></span> </div>
						</div>
					</div>
					<div class="media-body">
						<h5>网络推广</h5>
						<p class="txt_1">百度 & 爱奇艺 & 今日头条</p>
						<p class="txt_2">互联网各大主流平台专业高质量推广</p>
					</div>
					</a> </div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-6">
				<div class="service-item"> <a href="javascript:;">
					<div class="media-left">
						<div class="wrap-service-icon">
							<div class="service-icon"> <span class="icon fa fa-android"></span> </div>
						</div>
					</div>
					<div class="media-body">
						<h5>软件开发</h5>
						<p class="txt_1">小程序开发 & 网站建设</p>
						<p class="txt_2">十多年软件项目开发经验，服务超过200+企业</p>
					</div>
					</a> </div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-6">
				<div class="service-item"> <a href="javascript:;">
					<div class="media-left">
						<div class="wrap-service-icon">
							<div class="service-icon"> <span class="icon fa fa-ravelry"></span> </div>
						</div>
					</div>
					<div class="media-body">
						<h5>平面/UI设计</h5>
						<p class="txt_1">UI设计 & ICON设计</p>
						<p class="txt_2">每一个设计都是一个灵魂</p>
					</div>
					</a> </div>
			</div>

			<div class="col-md-4 col-sm-4 col-xs-6">
				<div class="service-item"> <a href="javascript:;">
					<div class="media-left">
						<div class="wrap-service-icon">
							<div class="service-icon"> <span class="icon fa fa-audio-description"></span> </div>
						</div>
					</div>
					<div class="media-body">
						<h5>网络广告策划</h5>
						<p class="txt_1">安排，设计、投入、时间，空间</p>
						<p class="txt_2">全局角度所展开的一种运筹和规划</p>
					</div>
					</a> </div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-6">
				<div class="service-item"> <a href="javascript:;">
					<div class="media-left">
						<div class="wrap-service-icon">
							<div class="service-icon"> <span class="icon fa fa-slideshare"></span> </div>
						</div>
					</div>
					<div class="media-body">
						<h5>人工智能与大数据</h5>
						<p class="txt_1">一品AI智能</p>
						<p class="txt_2">AI智能应用平台</p>
					</div>
					</a> </div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-6">
				<div class="service-item"> <a href="javascript:;">
					<div class="media-left">
						<div class="wrap-service-icon">
							<div class="service-icon"> <span class="icon fa fa-th-large"></span> </div>
						</div>
					</div>
					<div class="media-body">
						<h5>其它业务服务</h5>
						<p class="txt_1">唯创意</p>
						<p class="txt_2">更多产业链业务待展示</p>
					</div>
					</a> </div>
			</div>
		</div>
	</div>
</section>

<!-- ========================== --> 
<!-- HOME - LATEST NEWS --> 
<!-- ========================== -->
<section class="steps-section with-icon clearfix">
	<div class="section-icon"><span class="icon fa fa-chevron-down"></span> </div>
	<div class="container">
		<div class="section-heading">
			<div class="section-title">活动动态</div>
			<div class="design-arrow"></div>
		</div>
	</div>
	<div class="container">
		<div class="row mt20px">
			{foreach $activity_list as $key => $val}
			<div class="col-md-4 col-sm-4 wow fadeInUp">
				<div class="news-item">
					<div class="image mb20px"> 
						<a href="/index/about/at_detail?id={$val['id']}"> 
							<img src="/uploads/pic/{$val['pic']}" />
							<div class="image-content"> 
								<span class="read-more">点击查看</span> 
							</div>
						</a> 
					</div>
					<div class="news-info">
						<p>{$val['title']}</p>
					</div>
					<div class="meta">
						<div class="meta-item"><span class="icon fa fa-clock-o"></span>{:date('Y年y月d日', $val['create_at'])}</div>
					</div>
				</div>
			</div>
			{/foreach}
		</div>
	</div>
</section>

<!-- ========================== --> 
<!-- HOME - CLIENTS --> 
<!-- ========================== -->
<section class="clients-section with-icon clearfix">
	<div class="section-icon"><span class="icon fa fa-chevron-down"></span> </div>
	<div class="container">
		<div class="section-heading">
			<div class="section-title">小程序案例</div>
			<div class="design-arrow"></div>
		</div>
	</div>
	<div class="container">
		<div class="list-clients wow fadeInUp">
			<div class="row">
				{foreach $wechat_list as $key => $val}
				<div class="col-md-2 col-sm-3 col-xs-4"> 
					<img src="/uploads/pic/{$val['pic']}" alt="{$val['name']}"/> 
					<span class="tes">{$val['name']}</span>
				</div>
				{/foreach}
			</div>
		</div>
	</div>
</section>

<section class="steps-section with-icon clearfix">
	<div class="section-icon"><span class="icon fa fa-chevron-down"></span> </div>
	<div class="container">
		<div class="section-heading">
			<div class="section-title">资讯动态</div>
			<div class="design-arrow"></div>
		</div>
	</div>
	<div class="container">
		<div class="row mt20px">
			{foreach $news_list as $key => $val}
			<div class="col-md-4 col-sm-4 wow fadeInUp">
				<div class="news-item">
					<div class="news-info">
						<h5><b><a href="index/news/detail?id={$val['id']}" title="{$val['title']}">{$val['title']}</a></b></h5>
						<p>{$val['descs']}...</p>
					</div>
					<div class="meta">
						<div class="meta-item"><span class="icon fa fa-tag"></span>{$val['name']}</div>
						<div class="meta-item"><span class="icon fa fa-clock-o"></span>{:date('Y-m-d H:i', $val['create_at'])}</div>
					</div>
				</div>
			</div>
			{/foreach}
		</div>
	</div>
</section>
{/block}